<template>
	<view class="mall-article-block">
		<mall-block-title :title="title" class="title"></mall-block-title>
		<view class="block" >
			<mall-article-item  @click.native="toDetail(article.url)" :title="article.title" :major="article.major" :img="article.img"   v-for='(article,index) in articles'  :key='index' class='item'></mall-article-item>
		</view>
	</view>
</template>

<script>
	import mallBlockTitle from '../mall-block-title/mall-block-title.vue'
	import mallArticleItem from '../mall-article-item/mall-article-item.vue'
	import CONFIG from '@/api/home.js'
	export default {
		props:{
			title:String,
			articles:Array
		},
		components:{
			mallBlockTitle,mallArticleItem
		},
		methods:{
			toDetail(url){
				uni.navigateTo({
					url: '/pages/web/web?url='+encodeURIComponent(url)	
				});
			}	
		},
		computed:{
			
		},
		data() {
			return {
				items:[{
					
				},{
					
				},
				{
					
				},{
					
				}]
			};
		}
	}
</script>

<style lang="stylus">
	.mall-article-block
		.block
			padding 0  20upx 20upx
			.item
				display block
				margin-bottom 20upx
			
				
</style>
